<template>
  <div>
    <h2>详情</h2>
    <div>{{id}}</div>
  </div>
</template>

<script>
export default {
  props: {
    id: {
      type: String,
      default: ''
    }
  },
  watch:{
    '$route'(){
      console.log('routeChange', this.$route.matched)
    }
  },
  mounted(){
    console.log('mounted', this.$route.matched)
  }
}
</script>

<style lang="less" scoped>

</style>

